<template>
  <!-- 发布弹框 -->
  <!-- 发布弹框 -->
  <u-popup v-model="show" mode="bottom" border-radius="16" @close="close" :zIndex="999999">
    <view class="backgroundImage bg-center bg-no-repeat bg-cover">
      <view class="p-[1.25rem] flex flex-col gap-5 pt-[2.5rem]">
        <view class="flex flex-col">
          <view class="font-bold text-[2.5rem] text-[#161A24]"> 发布 </view>
          <view class="text-[1.125rem] text-[#161A24]">晒钓点，解锁钓鱼新乐趣。 </view>
        </view>
        <view
          class="bg-[#FFFFFF] shadow-[0rem_.125rem_1rem_0rem_rgba(55,114,110,0.06)] rounded-[1rem] p-[1.125rem] flex justify-between"
          @click="jump(1)"
        >
          <view class="flex gap-3 items-center">
            <view class="size-[3.125rem] overflow-hidden">
              <image src="/static/dddr33.png" mode="aspectFill" class="size-full" />
            </view>
            <view class="flex flex-col">
              <view class="text-[1.125rem] text-[#2D3038] font-bold"> 手杆标点 </view>
              <view class="text-[.75rem] text-[#5C6068]"> 精准垂钓，分享每一竿的惊喜收获。 </view>
            </view>
          </view>
          <u-icon name="arrow-right" color="#00050D" class="font-bold"></u-icon>
        </view>
        <view
          class="bg-[#FFFFFF] shadow-[0rem_.125rem_1rem_0rem_rgba(55,114,110,0.06)] rounded-[1rem] p-[1.125rem] flex justify-between"
          @click="jump(2)"
        >
          <view class="flex gap-3 items-center">
            <view class="size-[3.125rem] overflow-hidden">
              <image src="/static/dddr26.png" mode="aspectFill" class="size-full" />
            </view>
            <view class="flex flex-col">
              <view class="text-[1.125rem] text-[#2D3038] font-bold"> 路亚标点 </view>
              <view class="text-[.75rem] text-[#5C6068]"> 精准定位，探索水域深处的新世界。 </view>
            </view>
          </view>
          <u-icon name="arrow-right" color="#00050D" class="font-bold"></u-icon>
        </view>

        <view class="flex justify-center mt-[2.5rem]">
          <view class="w-[3.375rem] h-[3.375rem] bg-[#F0F1F3] rounded-[1rem] flex justify-center items-center" @click="show = false">
            <u-icon name="close" color="#00050D" class="font-bold"></u-icon>
          </view>
        </view>
      </view>
    </view>
  </u-popup>
</template>

<script>
  export default {
    data() {
      return {
        show: false
      }
    },
    props: {
      shows: {
        type: Boolean,
        default: false
      }
    },
    watch: {
      shows(newValue, oldValue) {
        this.show = this.shows
      }
    },
    methods: {
      close() {
        this.$emit('close')
      },
      async jump(e) {
        this.show = false
        this.$emit('close')

        if (e == 1) {
          vk.navigateTo('/pages/index/release')
        }
        if (e == 2) {
          vk.navigateTo('/pages/index/lure')
        }
      }
    }
  }
</script>
<style lang="scss" scoped>
  .s {
    box-shadow: 0rem -0.25rem 0.5rem 0rem rgba(0, 0, 0, 0.04);
    bottom: 0rem;
  }

  .backgroundImage {
    background-image: url('/static/dddr67.png') !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    background-position: top !important;
    width: 100% !important;
    height: 100% !important;
  }
</style>
